<template>
<div>
    <!-- 二级路由 -->
       <router-view></router-view>
    <div class="page">
    <footer class="fotter">
            <ul>
                <li><router-link to="/dpage/index" active-class="active">
                    <div><img src="../../assets/images/首页-选中.png" alt="首页"></div>
                    <p>首页</p></router-link>
                </li>
                <li><router-link to="/dpage/sort" active-class="active">
                    <div><img src="../../assets/images/分类.png" alt="分类"></div>
                    <p>分类</p></router-link>
                </li>
                <li><router-link to="/dpage/cart" active-class="active">
                    <div><img src="../../assets/images/购物 车 (1).png" alt="购物车"></div>
                    <p>购物车</p>
                </router-link></li> 
                <li><router-link to="/dpage/mine" active-class="active">
                <div><img src="../../assets/images/我 的.png" alt="我的"></div>
                <p>我的</p>
            </router-link></li>
            </ul>
           
        </footer>
       
    </div>
    </div>
</template>
<script>
export default {
data(){
return{}
},
methods: {},
components:{},
mounted() {},
destroyed() {},
}
</script>
<style scoped>
    @import url(../../assets/css/public.css);
    @import url(../../assets/css/index.css);
</style>